Back |
Image Flip 003 |
Place your mouse curser over the link and the Image will change. If you have a webpage and a visitor moves his mouse curser over the link, the image associated with it could change to an image as a preview. |
Script instructions for the <HEAD></HEAD> tags
<!-- Paste between the <HEAD></HEAD> tags. --> <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"> if(document.images) { baseball = new Image football = new Image baseball.src = "images/baseball.gif" football.src = "images/football.gif" } else{ baseball = "" football = "" document.ball = "" } </SCRIPT> |
Script instructions for <BODY> of the HTML Document
<div align="center"> <center> <table border="0" cellpadding="5" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="24%"> <tr> <td width="100%"> <p align="center"> <img border="0" src="images/Football.gif" width="150" height="162" name="ball" Alt="Ball"></td> </tr> <tr> <td width="100%"> <p align="center"><a href="BYE!.htm" onMouseover="document.ball.src=baseball.src" onMouseout="document.ball.src=football.src">Image Link</a></td> </tr> </table> </center> </div> |
Paste script between the <HEAD></HEAD> tags.
Paste script where needed in the body of the HTML Document.
� Copyright 2009 Ashesh